import { defineStore } from "pinia";
import axios from 'axios'
import { Channel,ChannelRes } from '../../types/data'
// defineStore作用：得到一个用于创建store的函数 usestore
// usestore 是一个函数，它得到是一个对象

//参数1： store的id  只要唯一即可
//参数2： pinia 的配置

// channel ===> store的id

export default defineStore('channel',{
  // state必须是一个函数，返回的是一个对象
  state:() =>({
    list:[] as Channel[],
    active:-1,
  }),
  actions:{
    async getChannelList(id:number) {
      const res = await axios.get<ChannelRes>(
        'http://geek.itheima.net/v1_0/channels'
      )
      console.log(res);
      this.list = res.data.data.channels
      this.active = res.data.data.channels[0].id
    },
   changActive(id:number){
     this.active = id
   }
  }
})